<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>收藏搭配</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/collect.css">
</head>
<body>
    <div class="container">
        <div class="header">
            <p>广州<span><img src="./images/Collect/bottom.png" alt=""></span></p>
            <h1>收藏搭配</h1>
            <img src="./images/Collect/search.png" alt="">
            <div class="clear"></div>
        </div>
        <div class="nav">
            <ul>
                <li><a href="#">
                    <p>早餐</p>
                </a></li>
                <li><a href="#">
                    <p>搭配</p>
                </a></li>
                <li><a href="#">
                    <p>汉堡</p>
                </a></li>
                <li><a href="#">
                    <p>蛋糕</p>
                </a></li>
                <div class="clear"></div>
            </ul>
        </div>
        <div class="adv">
            <img src="./images/Collect/pic.jpg" alt="">
        </div>
        <div class="type">
            <ul>
                <li><a href="#">
                    <img src="./images/Collect/icon1.png" alt="">
                    <h3>汉堡搭配早餐精选套餐</h3>
                    <p>食物中的甜品花样之多，食法之讲究</p>
                    <img src="./images/Collect/right.png" class="right" alt="">
                </a>
                <div class="clear"></div>
            </li>
                <div class="clear"></div>
                <li><a href="#">
                    <img src="./images/Collect/icon2.png" alt="">
                    <h3>甜甜圈套餐早餐精选</h3>
                    <p>食物中的甜品花样之多，食法之讲究</p>
                    <img src="./images/Collect/right.png" class="right" alt="">
                </a>
                <div class="clear"></div>
            </li>
                <div class="clear"></div>
                <li><a href="#">
                    <img src="./images/Collect/icon3.png" alt="">
                    <h3>包包蛋糕搭配早餐优惠</h3>
                    <p>食物中的甜品花样之多，食法之讲究</p>
                    <img src="./images/Collect/right.png" class="right" alt="">
                </a>
                <div class="clear"></div></li>
                <div class="clear"></div>
            </ul>
        </div>
        <div class="match">
            <img src="./images/Collect/pic2.jpg" alt="">
            <h3>经典早餐搭配组合</h3>
            <p>作为下午茶的小食。</p>
            <p>早餐搭配<span>¥19.80</span></p>
            <div class="clear"></div>
            <div class="box"><p>搭配</p></div>
        </div>
    </div>
</body>
</html>